<template>
    <view class="header">
        <u-icon name="setting" color="#141414" size="54.5rpx" @click="toSetting" ></u-icon>
        <u-badge class="badge" type="error" max="99" :value="0">
        </u-badge>
        <u-icon name="bell" color="#141414" size="54.5rpx"></u-icon>
    </view>
</template>

<script setup lang="ts">

const toSetting = () => {
    uni.navigateTo({
        url: '/pages/setting/index',
    })
}
</script>

<style lang="scss" scoped>
.header {
    width: calc(100% - 37rpx);
    height: calc(111rpx - 55.5rpx);
    padding: 27.75rpx 18.5rpx;
    display: flex;
    justify-content: space-between;
    position: relative;

    .badge {
        position: absolute;
        right: 16rpx;
        top: 18rpx;
        z-index: 99;
    }
}
</style>